<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<title>立即购买</title>
	<link rel="stylesheet" href="../../css/amazeui.min.css">
    <link rel="stylesheet" href="css/shop.css">
    	<link rel="stylesheet" href="../../css/app.css">
    
    <style type="text/css">
       .am-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0rem;
    padding-right: 0rem;
    width: 100%;
    max-width: 1000px;
}
       
    </style>
    
    

</head>

<body>



<div id='header' class="am-g am-topbar-fixed-top" >
	<div  onclick="api.closeWin();"  class="am-u-sm-2" style="margin-top:12px;padding-left: 17px">
		<img  src="images/arr-l.png" style="height:14px;height: 18px;"/>
	</div> 
	<div class="am-u-sm-8 til" style="margin-top:13px;text-align:center;">
		<h1>填写订单</h1>
	</div>
	<div class="am-u-sm-2" style="font-size: 20px;margin-top:10px;color:white;text-align:center;">
	
	</div>
</div>


                

	<div class="am-container am-margin-top-lg" style="margin-top:60px;margin-bottom:80px;">
		<div class="am-u-sm-12"></div>
		<div class="am-u-sm-12">
			<form class="am-form ng-pristine ng-invalid ng-invalid-required" id="piorder-form" method="POST" action="">
				<div class="am-panel am-panel-default">
					<div class="am-panel-hd" data-am-collapse="{target: '#addressBD'}">
						确认收货地址&nbsp;
					</div>
					<div id="addressBD" class="am-panel-collapse am-collapse am-in">
						<div class="am-panel-bd">
							<div class="">
								<span class="am-text-sm">点击选择收货地址 <i class="am-icon-hand-o-down"></i></span>
								
								<ul id='addressList' class="am-avg-sm-1 c-address-list" >
									暂无收货地址，请点击下方按钮添加~
									
								</ul>
							</div>
							<div class="am-form-group am-margin-bottom-xs">
								<button type="button" onclick="addaddress();" class="am-btn am-btn-sm am-btn-primary">
									添加新地址
								</button>
							</div>
						</div>
					</div>
				</div>
				<div id="DelPay" class="hide noshow">
					<div class="am-panel am-panel-default">
						<div class="am-panel-hd" data-am-collapse="{target: '#DelPayBD'}">
							选择支付方式
						</div>
						<div id="DelPayBD" class="am-panel-collapse am-collapse am-in">
							<div class="am-panel-bd">
								<div class="am-form-group am-form-icon am-form-feedback" style="height: 80px">
								    
								    
								       <div class="am-u-sm-12" style="padding:0px;height: 50px;overflow: hidden">
									    <div class="am-u-sm-2"  style="padding: 4px">
									       <img src="../../image/logo_alipay.png" style="height: 40px"/>
									    </div>
									    
									    <div class="am-u-sm-8"  style="padding: 0px">
									       <div style="line-height: 23px"><label>支付宝</label> </div>
									       <div style="font-size: 12px;">推荐已安装支付宝客户端的用户使用 </div>
									    </div>
									    
									     <div class="am-u-sm-2"  style="padding: 15px 20px;text-align: right">
									        <input class="am-radio" type="radio" value="支付宝" name="payType" checked >
									    </div>
								    </div>
								    
								    <div class="am-u-sm-12" style="padding:0px;height: 50px;overflow: hidden">
									    <div class="am-u-sm-2"  style="padding: 4px">
									       <img src="../../image/logo_wechatpay.png"   style="height: 40px"/>
									    </div>
									    
									    <div class="am-u-sm-8"  style="padding: 0px">
									       <div style="line-height: 23px"><label>微信支付</label> </div>
									       <div style="font-size: 12px;">推荐已安装微信客户端的用户使用 </div>
									    </div>
									    
									     <div class="am-u-sm-2"  style="padding: 15px 20px;text-align: right">
									        <input class="am-radio" type="radio" value="微信支付" name="payType"  >
									    </div>
								    </div>
								    
									
									
								</div>
							</div>
							
						<!--	<div class="am-panel-bd">
								<div class="am-panel am-panel-default noshow" style="margin-bottom:60px;">
									<div class="am-panel-hd" data-am-collapse="{target: '#couponBD'}">
										优惠券&nbsp;
									</div>
									<div id="couponBD" class="am-panel-collapse am-collapse am-in">
										<table class="am-table am-table-striped am-table-hover table-main">
											<tbody id='coupons'>
												
											</tbody>
										</table>
									</div>
								</div>
							</div>
							-->
							
							
						</div>
					</div>
				</div>
				<div id="GoodsCoupons" class="hide noshow">
					<div class="am-panel am-panel-default">
						<div class="am-panel-hd" data-am-collapse="{target: '#goodsBD'}">
							商品信息
						</div>
						<div id="goodsBD" class="am-panel-collapse am-collapse am-in">
							<div id='goodList' class="am-panel-bd c-goods-list">
								
							</div>
						</div>
					</div>
					<div class="am-panel am-panel-default noshow" style="margin-bottom:10px;">
						<div class="am-panel-hd" data-am-collapse="{target: '#remarkBD'}">
							备注
						</div>
						<div id="remarkBD" class="am-panel-collapse am-collapse am-in">
							<div class="am-panel-bd">
								<div class="am-form-group am-margin-bottom-xs">
									<input type="text" id="remarks" placeholder="订单备注，如有特殊要求，请填写" class="ng-pristine ng-valid">
								</div>
							</div>
						</div>
					</div>
					
					<div class="am-panel am-panel-default noshow" style="margin-bottom:60px;">
					<div class="am-panel-hd" data-am-collapse="{target: &#39;#recmanBD&#39;}">
						推荐人
					</div>
					<div id="recmanBD" class="am-panel-collapse am-collapse am-in">
						<div class="am-panel-bd">
							<div class="am-form-group am-margin-bottom-xs">
								<input type="text" id="recman" value=""   placeholder="推荐人手机号码">
							</div>
						</div>
					</div>
				</div>
					
				<div class="am-g am-topbar-fixed-bottom" style="margin-bottom:0px; background:#eaedf1;padding:10px;">
	
					<div class="am-u-sm-7"  style="font-size:14px;">
						<span style="color:#f40">商品总额：￥<span id="proTotal"></span>   </span><br/>
						<span style="color:#f40">运费：￥<span id="freight"></span></span><br/>
						<span style="color:#f40">应付款：￥<span id="total"></span></span>
						<br/>
					</div>
					
					<div class="am-u-sm-5" onclick="addOrder();" style="background:#f40;cursor:pointer; border-radius:5px;padding:5px;color:white;text-align:center">
						<span class="">提交订单</span>
					</div>
					
				</div>
					
				</div>
			</form>
		</div>
	</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="js/buy.js"></script>

</html>